<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:j="http://tags"
                xmlns:p="http://primefaces.org/ui"
                template="/facelets/template.xhtml">

    <ui:define name="head">
        <title>e-Home - Página não encontrada</title>
        <style>

            body{
                margin: 0;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 12px;
                color: #333333;
            }
            .span12 {
                text-align: center;
            }
            h1 {
                padding: 5px;
                font-size: 100px;
                font-weight: bold;
                color: #CCC;
                margin: 40px 0px 0px 0px;
            }
            h2 {
                font-size: 22px;
                color: #777;
                margin: 0px;
            }
        </style>
    </ui:define>
    <ui:define name="body">
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span12">
                    <div class="page-header">
                        <div class="logo">
                            <img id="logo" src="/EHomeWebApplication/resources/img/front-logo.png" title="e-Home - Automação Residencial"/>
                        </div>
                    </div>

                    <h1>Ops!</h1>
                    <br/>
                    <br/>
                    <h2>Página não encontrada.</h2>
                    <p>Para voltar ao sistema, clique no botão abaixo.</p>
                    <form id="form-404" name="form-404" action="index.jsf" method="post">
                        <div class="login-buttons">
                            <button class="btn btn-large btn-primary" 
                                    type="button" 
                                    onclick="return404();">Voltar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </ui:define>
</ui:composition>